.doc-workbench-root {
  @include box(100%, 100%);
  @include flex(column, flex-end, flex-end);
  border-bottom: 1px solid var(--el-border-color);

  .workbench-name {
    color: var(--bl-text-color);
    font-size: 12px;
    text-align: right;
    overflow: scroll;
    padding-right: 5px;
  }

  .workbench-more {
    @include themeBg(#f5f5f5, #161616);
    border-radius: 5px;
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 4px;

    .iconbl {
      @include themeColor(#a9a9a9, #969696);
      position: absolute;
      top: 2px;
      right: -6px;
      font-size: 20px;
    }
  }

  .iconbl {
    @include themeColor(#909399, #969696);
    text-shadow: var(--bl-text-shadow);
    font-size: 25px;
    padding: 3px 2px;
    transition:
      color 0.3s,
      text-shadow 0.3s;
    cursor: pointer;

    &:hover {
      color: var(--el-color-primary);
    }
  }

  .bl-cloud-fill,
  .bl-star-fill,
  .bl-a-lowerrightpage-fill {
    color: var(--el-color-primary);
  }
}
